<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/news.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper.css">
   
</head>
<body>

    <div class="top-bar">
        <div class="top-bar-wrap">
            <ul class="nav-left" id="top_bar_nav">

                <li><a target="_blank" href="https://www.tcl.com/group/news/index" titel="TCL新闻">TCL新闻</a></li>

                <li><a target="_blank" rel="nofollow" href="https://www.tcl.com/pages/bulkpurchase/newBulkpurchase.html"
                        titel="企业采购">企业采购</a></li>

                <li><a target="_blank" rel="nofollow" href="http://www.tcl.com/dealer/toLogin" titel="经销商之家">经销商之家</a>
                </li>

                <li><a target="_blank" rel="nofollow" href="http://www.tcl.com/activity/tclplus.html"
                        titel="TCL+">TCL+</a></li>

                <li><a target="_blank" rel="nofollow" href="http://zhaopin.tcl.com/" titel="人才招聘">人才招聘</a></li>

            </ul>
            <ul class="nav-right" id="nav-right">
                <li class="wechat_box">
                    <a href="###" rel="nofollow">微信商城</a>
                    <div class="wechat">
                        <!-- <img src="../../images/wechat-app.png"> -->
                        <!-- <p>微信扫码<br>下单购买</p> -->
                    </div>
                </li><i></i>
                <li class="tzj-li">
                    <a href="###" rel="nofollow">TCL APP商城</a>
                    <div class="tzj-qrcode-wrap">
                        <img src="../../images/app-top.png">
                        <p>下载TCL APP<br>一键下单购买</p>
                    </div>
                </li><i></i>
                <li class="index_cart_li"><a class="index_cart" rel="nofollow" href="/pages/cart/cart.html">购物车</a><span
                        class="newheader-circle" id="newhead_cart">( 0 )</span>
                </li><i></i>
                <li><a class="index_reg" href="http://user.tcl.com/proxy/register" rel="nofollow">注册</a></li><i></i>
                <li><a class="index_login" href="http://user.tcl.com/proxy/login" rel="nofollow">登录</a></li>

            </ul>
        </div>
    </div>


    <div class="nav">
        <div class="header-nav">
            <div class="container">
                <div class="header_logo">
                    <img src="../../images/logo.png" />
                </div>
                <!--头部导航词-->
                <ul class="nav_list-left">
                    <li class="nav_item"><a href="index.html">首页</a>
                        
                    </li>
                    <li class="nav_item"><a href="#">灵悉专区</a></li>
                    <li class="nav_item"><a href="#">电视</a>
                        <!-- <div class="nav_item-box1">
                            <div class="nav_item-sp">
                                <img src="https://f0.mall.tcl.com/Fpihhjx4eNMpoyCr0l_cExUC3Lyu" alt="">
                                <p>TCL灵犀C12全套系AI家电</p>
                                <p style="color: red;">5499.00</p>
                            </div>
                            
                        </div></li> -->
                    <li class="nav_item"><a href="#">XESS智屏</a></li>
                    <li class="nav_item"><a href="#">雷鸟电视</a></li>

                    <li class="nav_item"><a href="#">空调</a></li>
                    <li class="nav_item"><a href="#">冰箱</a></li>
                    <li class="nav_item"><a href="#">洗衣机</a></li>
                    <li class="nav_item"><a href="#">厨卫电器</a></li>
                    <li class="nav_item"><a href="#">智能家居</a></li>
                    <li class="nav_item"><a href="#">商用显示</a></li>
                </ul>
                <!--搜索框-->
                <ul class="nav_list-right">
                    <span>|</span>
                    <li class="nav_item"><a href="#">服务</a></li>
                    <li class="nav_item"><a href="#">视频教程</a></li>
                    <li class="nav_item"><a href="#">XESS门店</a></li>
                </ul>
                <span class="menu-late-search">
                    <input class="ser-input" placeholder="灵溪12新品发布" value="">
                    <span>
                        <font class="sear"></font>
                    </span>
                    <ul class="input-list" style="display: none;">
                    </ul>
                </span>
            </div>
        </div>
    </div>

    

<!-- 主体部分 -->
<div class="zhuti">
    <ul id="banner_nav_wrap">
        <li><a class="actived" href="#" target="_blank">新闻中心</a></li>
                <li><a href="/group/news/newsList?type=1" target="_blank">动态新闻</a></li>
                <li><a href="/group/news/newsList?type=2" target="_blank">产品新闻</a></li>
                <li><a href="/group/news/newsList?type=6" target="_blank">视频新闻</a></li>
                <li><a href="/group/news/newsList?type=5" target="_blank">第三方观点</a></li>
            
        <li class="nav-more">
            <a href="#">更多</a>
            <div id="bannerMoreLayer" class="bannerMorePlate">
                <div class="arrow-up"></div>
                <ul>
                            <li><a href="/group/news/newsList?type=3" target="_blank">服务新闻</a></li>
                            <li><a href="/group/news/newsList?type=4" target="_blank">社区新闻</a></li>
                            <li><a href="/group/news/newsList?type=7" target="_blank">新媒体</a></li>
                </ul>
            </div>
        </li>
    </ul>
    <div class="newstop">

    <div class="swiper-container container1">
        <!-- 内部元素容器 swiper-wrapper -->
        <div class="swiper-wrapper" style="float: left;">
              <!-- 每一个显示内容 swiper-slide -->
              
              <div class="swiper-slide"><img src="http://s0.mall.tcl.com/group1/M00/05/51/Ckgbllw2qO6AeFWEAALz3qm-P8M395.fid" alt=""></div>
              <div class="swiper-slide"><img src="http://s0.mall.tcl.com/group1/M00/05/51/Ckgbllw2p8GAfWz6AAJuo9h67-I727.fid" alt=""></div>
              <div class="swiper-slide"><img src="http://s0.mall.tcl.com/group1/M00/05/26/CkgbllwKPEKAHOxZAACRD-BHCPM073.fid" alt=""></div>
              <div class="swiper-slide"><img src="http://s0.mall.tcl.com/group1/M00/05/11/CkgbllvyH_CAZnh3AAOQ9HEv9zE233.fid" alt=""></div>
              <div class="swiper-slide"><img src="http://s0.mall.tcl.com/group1/M00/05/11/CkgbllvyH6CAL3yyAAQHSBTdqiQ571.fid" alt=""></div>

              <!--  -->
        </div>

        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-pagination"></div>
  </div>
  <div style="float: right;">
    <ul class="news_banner_right fl">
        
        <li>
            <a href="/group/news/newsDetails?id=2156&amp;type=1">
                <h1>惠州新材料产业园资源再生利用项目环境影响报告书 （征求意见稿）公示</h1>
            </a>
            
            <p class="news-time fl">2021-08-23</p>
        </li>
        <li>
            <a href="/group/news/newsDetails?id=2154&amp;type=2">
                <h3>关于TCL新风空调</h3>
            </a>
            <div class="news-content fl">
                
            </div>
            <p class="news-time fl">2021-04-23</p>
        </li>
        <li>
            <a href="/group/news/newsDetails?id=2153&amp;type=1">
                <h3>从心出发·智享未来 TCL白家电工业之旅</h3>
            </a>
            <div class="news-content fl">
                
            </div>
            <p class="news-time fl">2020-12-11</p>
        </li>

    </ul>


  </div>

  <div class="third-view">
    <div class="news-title">
        <h2 class="fl">第三方观点</h2>
        <a class="fr" href="/group/news/newsList?type=6" target="_blank">查看更多 &gt;&gt;</a>
    </div>
    <ul class="news-list clearfix">
        
            <li class="news-item">
                <div>
                    <img src="http://s0.mall.tcl.com/group1/M00/05/D3/Ckgbll1uVo6AAEwVAAChENeaKBk007.fid">
                </div>
                <p class="news-line">
                    TCL携中国男篮绽放全球
                </p>
                <p class="textl inner-child"><a href="/group/news/newsDetails?id=2113&amp;type=5">查看全文</a>
                </p>
            </li>
        
            <li class="news-item">
                <div>
                    <img src="http://s0.mall.tcl.com/group1/M00/05/D3/Ckgbll1uWIyAW_6IAACjif8nkG0429.fid">
                </div>
                <p class="news-line">
                    无逆战，不英雄！
                </p>
                <p class="textl inner-child"><a href="/group/news/newsDetails?id=2114&amp;type=5">查看全文</a>
                </p>
            </li>
        
            <li class="news-item">
                <div>
                    <img src="http://img.mall.tcl.com/dev1/0/000/207/0000207001.fid">
                </div>
                <p class="news-line">
                    腾讯科技：TCL去年电视销量破2000万台全球第三 北美卖出200万台
                </p>
                <p class="textl inner-child"><a href="/group/news/newsDetails?id=1898&amp;type=5">查看全文</a>
                </p>
            </li>
        
            <li class="news-item">
                <div>
                    <img src="http://img.mall.tcl.com/dev1/0/000/207/0000207003.fid">
                </div>
                <p class="news-line">
                    天极网: 走进北美中产卖场 TCL成国内唯一进驻品牌
                </p>
                <p class="textl inner-child"><a href="/group/news/newsDetails?id=1900&amp;type=5">查看全文</a>
                </p>
            </li>
        
    </ul>
    
</div>
<div class="media-news">
    <div class="news-title">
        <h2 class="fl">新媒体</h2>
    </div>
    <ul class="new-media clearfix" id="newMediaLayer">
       
           <li class="media-item">
            <div class="media-pic fl">
                <div>
                    <img src="http://img.mall.tcl.com/dev1/0/000/167/0000167596.fid" alt="">
                </div>
                <p>李东生微信</p>
            </div>
            <div class="media-text">
                <p class="title">李东生微信</p>
                <p class="ellipsis">TCL创始人、TCL实业控股股份有限公司董事长李东生</p>
                
                <a href="http://mp.weixin.qq.com/mp/homepage?__biz=MzA4OTczNzA0OA==&amp;hid=3&amp;sn=45f27fad6f87c24427eaff66c884e92e#wechat_redirect" rel="nofollow">关注微信</a>
            </div>
        </li>
       
           <li class="media-item">
            <div class="media-pic fl">
                <div>
                    <img src="http://img.mall.tcl.com/dev1/0/000/167/0000167598.fid" alt="">
                </div>
                <p>李东生微博</p>
            </div>
            <div class="media-text">
                <p class="title">李东生微博</p>
                <p class="ellipsis">TCL创始人、TCL实业控股股份有限公司董事长李东生</p>
                
                <a href="http://weibo.com/lidongsheng" rel="nofollow">关注微博</a>
            </div>
        </li>
       
           <li class="media-item">
            <div class="media-pic fl">
                <div>
                    <img src="http://s0.mall.tcl.com/group1/M00/00/18/Ckgbll5CZBCAZy4RAAGemJKZMOY987.fid" alt="">
                </div>
                <p>王成微博</p>
            </div>
            <div class="media-text">
                <p class="title">王成微博</p>
                <p class="ellipsis">TCL实业控股股份有限公司CEO、TCL电子控股有限公司CEO 王成</p>
                
                <a href="http://weibo.com/wangchengKevin" rel="nofollow">关注微博</a>
            </div>
        </li>
       
           <li class="media-item">
            <div class="media-pic fl">
                <div>
                    <img src="http://s0.mall.tcl.com/group1/M00/00/18/Ckgbll5CXCGAPyoTAAExCxZ44oE486.fid" alt="">
                </div>
                <p>TCL创意感动生活</p>
            </div>
            <div class="media-text">
                <p class="title">TCL创意感动生活</p>
                <p class="ellipsis">TCL创意感动生活 微博</p>
                
                <a href="http://weibo.com/tcljituan" rel="nofollow">关注微博</a>
            </div>
        </li>
       
    </ul>
</div>
<div class="video-news">
    <div class="news-title">
        <h2 class="fl">视频新闻</h2>
        <a class="fr" href="/group/news/newsList?type=6" target="_blank">查看更多 &gt;&gt;</a>
    </div>
    <ul class="video-list clearfix">
        
            <li class="video-item">

                <div class="pr">
                    <a href="" target="_blank">
                        <img class="bg-biger" src="http://s0.mall.tcl.com/group1/M00/04/84/CkgblltWmOSAbZDgAAE1RfIZ6Bs076.fid">
                        <span class="sp_arrow pa">
                       
                    </span>
                    </a>
                </div>
                <div class="comm">
                    TCL空调“智享家的每一度”发布会精彩剪辑！
                </div>
            </li>
        
            <li class="video-item">

                <div class="pr">
                    <a href="" target="_blank">
                        <img class="bg-biger" src="http://s0.mall.tcl.com/group1/M00/04/5B/CkgbllsnoeyAWOn9AAQQjBMqi3E114.fid">
                        <span class="sp_arrow pa">
                       
                    </span>
                    </a>
                </div>
                <div class="comm">
                    TCL,以科技匠心致美好初心！
                </div>
            </li>
        
            <li class="video-item">

                <div class="pr">
                    <a href="" target="_blank">
                        <img class="bg-biger" src="http://s0.mall.tcl.com/group1/M00/04/12/CkgbllqXpAOAGdSfAAlswUQQJwY772.fid">
                        <span class="sp_arrow pa">
                       
                    </span>
                    </a>
                </div>
                
            </li>
        
    </ul>
</div>
</div>







    

    
        
    


















<!-- 尾部 -->
<div class="server">
        
    <div class="server-bottom">

        <dl>
            <dt>帮助中心</dt>
            <dd>
                <a target="_blank" rel="nofollow" href="/pages/service/toHelp.html?hid=1">购物指南</a>
            </dd>
            <dd>
                <a target="_blank" rel="nofollow" href="/pages/service/toHelp_pay.html">支付方式</a>
            </dd>
            <dd>
                <a target="_blank" rel="nofollow" href="/pages/service/toHelp_send.html">配送方式</a>
            </dd>
            <dd>
                <a target="_blank" rel="nofollow" href="/pages/service/toHelp_terms.html">交易条款</a>
            </dd>
            <dd>
                <a target="_blank" rel="nofollow" href="/pages/service/toHelp_invoice.html">电子发票</a>
            </dd>
        </dl>
        <dl>
            <dt>服务支持</dt>
            <dd>
                <a target="_blank" rel="nofollow"
                    href="/page/serviceRevision/policy?id=56d4f28d21ca473f871a3b845f61aee9">售后服务</a>
            </dd>
            <dd>
                <a target="_blank" rel="nofollow" href="/pages/serviceRevision/repair.html">自助服务</a>
            </dd>
            <dd>
                <a target="_blank" rel="nofollow" href="/pages/service-home/index.html#query-wrapper">进度查询</a>
            </dd>
            <dd>
                <a style="color:red" href="//www.tcl.com/pages/serviceRevision/autoCheck.html" rel="nofollow"
                    target="_blank">视频教程</a>
            </dd>
        </dl>
        <dl>
            <dt>客户服务</dt>
            <dd><a style="color:red" target="_blank" href="http://staff.tcl.com/" rel="nofollow">内购平台</a></dd>
            <dd><a target="_blank" href="/pages/bulkpurchase/newBulkpurchase.html" rel="nofollow">企业采购</a></dd>
            <dd><a target="_blank" rel="nofollow" href="http://www.tcl.com/dealer/toLogin">经销商之家</a></dd>
            <dd><a target="_blank" href="http://www.shifendaojia.com/index.html" rel="nofollow">十分到家</a></dd>
        </dl>
        <dl>
            <dt>关注我们</dt>
            <dd><a target="_blank" rel="nofollow" href="/pages/connectWithUs/connectWithUs.html">联系我们</a></dd>
            <dd><a target="_blank" rel="nofollow" class="botSina"
                    href="http://weibo.com/tcljituan?topnav=1&amp;wvr=6&amp;topsug=1&amp;is_hot=1">官方微博</a></dd>
            <dd><a style="color:red" target="_blank" rel="nofollow" href="/exclusive-shop">授权体验店</a></dd>
            <dd><a style="color:red" target="_blank" rel="nofollow" href="/exclusive-shop/join">合作加盟</a></dd>
        </dl>
        <dl>
            <dt>应用服务</dt>
            <dd><a target="_blank" href="http://www.leiniao.com/" rel="nofollow">雷鸟</a></dd>
            <dd><a target="_blank" href="http://www.huan.tv/" rel="nofollow">欢网</a></dd>
            <dd><a target="_blank" href="https://jr.tcl.com/home.html" rel="nofollow">金融</a></dd>
            <dd><a target="_blank" href="http://www.imooc.com/" rel="nofollow">教育</a></dd>
            <dd><a target="_blank" href="http://www.golive-tv.com/" rel="nofollow">全球播</a></dd>
            <dd><a target="_blank" href="http://tcloud.tcl.com//">T商智云</a></dd>
        </dl>
        <dl>
            <dt>官方微商城</dt>
            <dd><img style="height:130px;width:130px;" src="https://www.tcl.com/app/images/ecshop-miniapp.png">
            </dd>
        </dl>
        <dl>
            <dt>TCL APP 商城</dt>
            <dd><img style="height:130px;width:130px;" src="https://www.tcl.com/app/images/app-down.png"></dd>
        </dl>
        <dl class="last-r">
            <p class="red phone">4008-123456</p>
            <p class="grey">（24小时在线，仅收市话费）</p>
            <a href="/pages/service/customerServiceKuyu.html" target="_self" rel="nofollow"><i></i>24小时在线客服</a>
        </dl>

    </div>
</div>
<div class="footer">
    <div class="footer-nr">

        <p class="blod"><a target="_blank" href="https://www.tcl.com/group/companyInfo/index"
                rel="nofollow">关于TCL</a>|<a target="_blank" rel="nofollow"
                href="/group/investors/index">投资者关系</a>|<a target="_blank" rel="nofollow"
                href="/group/societyDuty/index">社会责任</a>|<a target="_blank" rel="nofollow"
                href="/group/news/index">新闻中心</a>|<a target="_blank" rel="nofollow"
                href="http://zhaopin.tcl.com/">人才招聘</a>|<a rel="nofollow" target="_blank"
                href="/group/companyInfo/slipPath?type=6">成员网站</a></p>
        <p class="blod1">
            <span id="copyright">©2010-2021 TCL Industrial Holdings Co., Ltd. All Rights Reserved.
                TCL实业控股股份有限公司版权所有
                <a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备05040863号</a>
            </span>
            <a target="_blank" rel="nofollow" class="marginL" href="/pages/low/content.html">使用条款</a>
            |<a target="_blank" rel="nofollow"
                href="http://www.tcl.com/group/companyInfo/slipPath?type=5">法律声明</a>|<a rel="nofollow"
                target="_blank" href="/pages/policy/privacyPolicy?type=1">隐私政策</a>|<a rel="nofollow"
                target="_blank" href="/pages/policy/registrationAgreement?type=1">账户注册协议</a>|<a rel="nofollow"
                target="_blank" href="/pages/policy/complaintAgreement">侵权投诉规则</a>
        </p>
        <p class="blod1"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44133002100088"
                rel="nofollow">
                <img style="margin: -3px 3px 0 0; width:16px;float: left;"
                    src="https://www.tcl.com/app/images/beian.png">粤网公安备案44133002100088号</a></p>
        <div class="foot-r">
            <div class="language">
                <a href="https://www.tcl.com/" rel="nofollow" class="lang-item active">中文简体</a>|<a
                    rel="nofollow" href="http://www.tcl.com/uk/en/aboutTCL/the-group.html"
                    class="lang-item ">English</a>
            </div>
        </div>
        <div class="AC">
            <div>
                <a id="_pingansec_bottomimagesmall_brand" target="_blank"
                    href="//si.trustutn.org/info?sn=371191204039006394639&amp;certType=1">
                    <img src="//v.trustutn.org/images/cert/brand_bottom_small.jpg">
                </a>
            </div>
            <div>
                <a href="http://wljg.gdgs.gov.cn/corpsrch.aspx?key=440000000011990" target="_blank" title="">
                    <img src="https://www.tcl.com/app/images/gdgs.png" alt="" style="border:0;">
                </a>
            </div>
        </div>
    </div>
</div>


    


<script src="./javascripts/swiper.js"></script>
<script>
      // swiper 几乎所有移动端轮播图的首选插件; 
      // - 95% 轮播图使用swiper插件; 

      // - swiper 使用 : 
      // 1. 结构; - 和原生轮播图结构一致; 
      // 2. 配置; - 参考文档; 

      // 阅读swiper文档难点在于 : 没办法很直观的通过功能找到对应的文档; 

      // - 学习路线 : 文档 ; 

      var mySwiper = new Swiper(".container1" , {
            // 无限循环播放; 
            loop : true,
            navigation: {
                  nextEl: '.swiper-button-next',
                  prevEl: '.swiper-button-prev',
            },
            pagination : {
                  el : ".swiper-pagination",
                  clickable : true                        
            },
            autoplay : {
                  // disableOnInteraction: true,
                  // pauseOnMouseEnter: true,
            },
            parallax : true,
            effect : "fade"
      });

      console.log(mySwiper.pagination.bullets);
      // 找到dom对象给dom对象绑定事件; 
      mySwiper.pagination.bullets.each( function( el ){
           el.onmouseover = function(){
                 this.click();
           }
      })

      var container1 = document.querySelector(".container1");
      container1.onmouseover = function(){
            mySwiper.autoplay.stop();
      }
      container1.onmouseout = function(){
            mySwiper.autoplay.start();
      }

      
      var mySwiper2 = new Swiper(".container2")
</script>
   
    
</body>

</html>